<template>
  <el-dialog
    class="pms-dialog"
    ref='dialogConfirmRef'
    title="填写说明"
    :visible.sync="open"
    width="70%"
    :append-to-body="true"
    :modal-append-to-body="true"
    :modal="true"
    :close-on-click-modal="false"
  >
    <div class="text-content">
      （1）系统支持新添加构成种类明细或删除已继承的构成种类；<br>
      （2）填写明细的数量与占比和必须为100%；<br>
      （3）金额：根据占比自动计算=服务验工计价合价*占比；<br>
      （4）系统不控制明细物料的数量，对于主设备类型的明细物料数量精度必须为整数。<br>
      （5）对于试点单位，“试点单位新项目”的总包服务构成明细中的外市电专业变压器主设备与微站简易塔、抱杆主设备必须由APP添加并贴签赋码，PC端不允许直接配置；“试点单位旧项目”的总包服务构成明细中的外市电专业变压器主设备与微站简易塔、抱杆主设备必须由PC端配置，APP不允许贴签赋码。<br>
      （6）对于试点单位，总包服务构成明细中的外市电专业电力电缆辅材APP与PC均可配置，但PC端只能配置与APP贴签赋码的外市电专业电力电缆辅材相同资产分类的电力电缆辅材物料。<br>
    </div>
    <div slot="footer" class="foot-btn">
      <el-button type="primary" @click="open = false">确 定</el-button>
    </div>
  </el-dialog>
</template>

<script>
export default {
    name: 'Illustrate',
    data() {
        return {
            open: false
        }
    },
    methods: {
        handleOpen() {
            this.open = true
          this.$nextTick(() => {
            this.dialogEl('dialogConfirmRef')
          })
        },
      // 将弹框挂载在最外层
      dialogEl(refName) {
        const contentBody = window.top.document.body
        this.$nextTick(() => {
          const dialogModal = document.querySelector('.v-modal')
          const elBody = this.$refs[refName].$el
          dialogModal.style.zIndex = 4000
          elBody.style.zIndex = 4001
          contentBody.appendChild(elBody)
          contentBody.appendChild(dialogModal)
        })
      }
    }
}
</script>
